<template>
  <div class="home">
    <van-tabs v-model="active" color="blue" background="red" @click="tabClick">
      <van-tab title="首页"></van-tab>
      <van-tab title="订单"></van-tab>
      <van-tab title="发现"></van-tab>
      <van-tab title="我的"></van-tab>
    </van-tabs>
  </div>
</template>

<script>
export default {
  name: 'Home',
  data() {
    return {
      // active 表示当前选中的tab的索引值
      active: 2
    }
  },
  methods: {
    tabClick(options) {
      this.$router.push('About')
    }
  }
}
</script>
<style scoped>
/*  >>>样式穿透 */
  /* >>>.van-tab span{
    color: #ffffff;
  } */
  /* .van-tab span{
    color: #ffffff !important;
  } */
</style>
